@charset "utf-8";
/* CSS Document */
div.event_box{
	padding:10px 10px 5px 10px;
	background:#f9f9f9;
	border:1px solid #7a98ab;
	margin-bottom:10px;
	float:left;
	width:898px;
	height:auto !important;
	min-height:500px;
    height: 500px;
}
table.eb_table{
	width:100%;
	border:1px #CDCDCD solid;
	background:#FFF;
}
table.eb_table tr{
	cursor:pointer;
	height: 40px;
}
table.eb_table tr td{
	border-bottom:1px solid #aeaeae;
	cursor:pointer;
}
table.eb_table tr td.check{
	width: 40px;
	background: url("../../image/check_cutline.png") right no-repeat;
	height: 40px;
}
table.eb_table tr td.memocheck{
	height: 80px;
	background: url("../../image/check_cutline.png") right repeat-y;
}
table.eb_table tr td.check div.clip_checkbox{
	width: 17px;
	height: 17px;
	background: url("../../image/clip_checkbox.png");
	float: left;
	margin-left:9px;
}
table.eb_table tr td.check div.memo_checkbox{
	width: 17px;
	height: 17px;
	background: url("../../image/clip_checkbox.png");
	float: left;
	margin-left:9px;
	margin-top: 11px;
}
table.eb_table tr td.memocheck div.splitline{
	width:5px;
	height:40px;
	background: url("../../image/check_cutline.png");
	float: right;
}
table.eb_table tr td.check div.check{
	background-position:0 -17px ;
}
table.eb_table tr td.content{
	width: 690px;
	background: #ffffff;
}
table.eb_table tr td.content span.null{
	font-size: 12px; margin-left: 10px;
}
table.eb_table tr td.content div.owner{
	margin: 4px;
	background: #dfefff;
	float: left;
	width: 690px;
	height: 32px;
}
table.eb_table tr td.content div.cache{
	margin: 4px;
	background: #dfefff;
	float: left;
	width: 760px;
	height: 32px;
}
table.eb_table tr td.content div.share{
	margin: 4px;
	background: #fbe9ec;
	float: left;
	width: 690px;
	height: 32px;
}
table.eb_table tr td.content div.other{
	margin: 4px;
	background: #ffffff;
	float: left;
	width: 690px;
	height: 32px;
}
table.eb_table tr td.content div.memoedit{
	height: 90px;
}
table.eb_table tr td.content div span.head {
    background: none repeat scroll 0 0 #000000;
    float: left;
    height: 30px;
    margin: 1px 0 0 10px;
    width: 30px;
}
table.eb_table tr td.content div span.space{
	float: left;
	height: 14px;
	width: 14px;
}
table.eb_table tr td.content div span.v_icon{
	background: url("../../image/v.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 0px;
	margin-top: 16px;
	width: 14px;
}
table.eb_table tr td.content div span.name {
    color: #161616;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85px;
}
table.eb_table tr td.content div span.title {
    color: #161616;
    float: left;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-left: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 380px;
    vertical-align: baseline;
}
table.eb_table tr td.content div span.title strong{
	color:#cc0000;
	vertical-align: baseline;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
}
table.eb_table tr td.content div span.title i.confirmstat{
	background: url("../../image/clipmessage_confirmicon.png") no-repeat;
	float: left;
	height: 16px;
	width: 16px;
	margin-top: 2px; 
	margin-right: 1px;
}
table.eb_table tr td.content div span.title i.request{
	background: url("../../image/clipevent_request.png") repeat scroll 0 0 transparent;
	float: left;
	height: 20px;
	margin-right:6px;
	width: 51px;
}
table.eb_table tr td.content div span.title i.invite{
	background: url("../../image/clipevent_invite.png") repeat scroll 0 0 transparent;
	float: left;
	height: 20px;
	margin-right:6px;
	width: 51px;
}
table.eb_table tr td.content div span.title i.forward{
	background: url("../../image/clipevent_forward.png") repeat scroll 0 0 transparent;
	float: left;
	height: 20px;
	margin-right:6px;
	width: 51px;
}
table.eb_table tr td.content div span.memotitle {
	color: #161616;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px;
}
table.eb_table tr td.content div span.cachetitle {
	color: #161616;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
}
table.eb_table tr td.content div span.icon {
	float: left;
	height: 16px;
	margin-top: 7px; margin-left: 4px;
	width: 16px;
}

table.eb_table tr td.content div span.time {
    color: #161616;
    float:left;
    height: 30px;
    line-height: 30px;
    margin-top: 2px;
    margin-left: 22px;
    width: 108px;
}
table.eb_table tr td.content div span.time b.memotime{
    float: left;
    font-size: 12px;
    line-height: 32px;
    margin-left: 10px;
    font-weight: normal;
}
table.eb_table tr td.content div span.time b.clip_before{
	float: left;
	width: 6px;
	height: 30px;
	background:#B7AA00;
	display: block;
	margin-right: 2px;
}
table.eb_table tr td.content div span.time b.clip_over{
	float: left;
	width: 6px;
	height: 30px;
	background: url("../../image/overicon.jpg");
	display: block;
	margin-right: 2px;
}
table.eb_table tr td.content div span.time b.clip_stop{
	float: left;
	width: 6px;
	height: 30px;
	background: url("../../image/stopicon.jpg");
	display: block;
	margin-right: 2px;
}
table.eb_table tr td.content div span.time b.clip_ing{
	float: left;
	width: 6px;
	height: 30px;
	background: url("../../image/ingicon.jpg");
	display: block;
	margin-right: 2px;
}
table.eb_table tr td.content div span.time span.timevalue{
	width:100px;
	float: left;
}
table.eb_table tr td.content div span.time span.timevalue b.first{
	font-weight: normal;
	color:#006600;
	font-size: 12px;
	float: left;
	width: 100%;
	line-height: 15px;
}
table.eb_table tr td.content div span.time span.timevalue b{
	font-weight: normal;
	color:#000000;
	font-size: 12px;
	width: 100%;
	float: left;
	line-height: 15px;
}
table.eb_table tr td.content div span.time span.timevalue b.second{
	font-weight: normal;
	color:#DB0000;
	font-size: 12px;
	float: left;
	width: 100%;
	line-height: 15px;
}
table.eb_table tr td.content div span.linetime{
	margin-left: 15px;
	width: 98px;
	float: left;
	margin-top: 2px;
}
table.eb_table tr td.content div span.linetime b{
	font-weight: normal;
	color:#000000;
	font-size: 12px;
	width: 98px;
	float: left;
}
table.eb_table tr td.content div span.linetime span{
	font-size: 12px;
	margin-left: 10px;
	line-height:32px;
	float: left;
}
table.eb_table tr td.content div span.linetime span.memoalert{
	margin-left:0px;
}
table.eb_table tr td.content div span.linetime b span.expire {
    background: none repeat scroll 0 0 #595959;
    color: #FFFFFF;
    font-size: 10px;
    padding: 0 2px;
    float: none;
    line-height: 14px;
    margin-left: 0;
}
table.eb_table tr td.content div span.createtime{
	margin-left: 10px;
	width: 98px;
	float: left;
	margin-top: 2px;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
}
table.eb_table tr td.content div span.memoedit{
	width: 48px;
	height: 15px;
	background: url("../../image/cliplist_memoedit.png") 0 -15px;
	float: left;
	margin-top: 10px;
}
table.eb_table tr td.content div span.memoedit:hover{
	background-position: 0 0px;
}
table.eb_table tr td.content div span.edit{
	width: 690px;
	height: 55px;
	border-top: 1px dashed #a2a2a2;
	float: left;
	background: #ffffff;
}
table.eb_table tr td.content div span.edit *{
	float: left;
}
table.eb_table tr td.content div span.edit b.memotime{
	float: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	margin-left: 10px;
	background: url("../../image/cliplist_memoeditsign.png") left no-repeat;
	height: 16px;
	margin-top: 8px;
	padding-left:20px; 
}

table.eb_table tr td.content div span.edit input.title{
	width: 160px;
	height: 14px;
	margin-top: 6px; margin-left: 20px;
}
table.eb_table tr td.content div span.edit span.alerticon{
	width: 20px;
	height: 20px;
	background: url("../../image/memoeditalerticon.png") 0 -20px;
	margin-top: 5px;
	margin-left: 30px;
}
table.eb_table tr td.content div span.edit span.calerticon{
	background: url("../../image/memoeditalerticon.png") 0 0px;
}
table.eb_table tr td.content div span.edit span.editsave{
	width: 48px;
	height: 15px;
	background: url("../../image/cliplist_editsave.png");
	margin-top: 4px;
	margin-left: 14px;
}
table.eb_table tr td.content div span.edit span.editsave:hover{
	background-position:0 -15px; 
}
table.eb_table tr td.content div span.edit span.editcancel{
	width: 48px;
	height: 15px;
	background: url("../../image/cliplist_editcancel.png");
	margin-top: 4px;
}
table.eb_table tr td.content div span.edit span.editcancel:hover{
	background-position:0 -15px;
}

table.eb_table tr td.content div span.edit div.alertinput{
	width: 330px;
	height: 32px;
}
	div.alertinput span.alertinfo{
		float: left;
		font-size: 12px;
		line-height: 16px;
		margin-left: 4px;
		height: 16px;
		margin-top: 8px;
	}
	div.alertinput span.alerttxt{
		float: left;
		font-size: 12px;
		line-height: 16px;
		margin-left: 4px;
		height: 16px;
		margin-top: 8px;
		display: none;
	}
	div.alertinput span.alertspan{
		margin-top: 6px;
		display: none;
	}
	span.alertspan span.txt{
		font-size: 12px;
		margin-left: 6px;
	}
	span.alertspan input.input{
		float: left;height: 13px;width: 90px;margin-right: 10px;
	}
	span.alertspan div.timebg{
		height: 18px;
		width: 48px;
	}
	span.alertspan div.timebg input {
	    float: left;
	    font-size: 12px;
	    height: 14px;
	    padding: 0 2px;
	    text-align: center;
	    width: 14px;
	}
	span.alertspan div.timebg a.minus {
	    background: url("../../image/timeselectopt.png") repeat scroll 0 0 transparent;
	    display: block;
	    float: left;
	    height: 18px;
	    margin: 0;
	    width: 13px;
	}
	span.alertspan div.timebg a.minus:active {
	    background-position: 0 -18px;
	}
	span.alertspan div.timebg a.plus {
	    background: url("../../image/timeselectopt.png") repeat scroll -13px 0 transparent;
	    display: block;
	    float: right;
	    height: 18px;
	    margin: 0;
	    width: 13px;
	}
	span.alertspan div.timebg a.plus:active {
	    background-position: -13px -18px;
	}
	span.alertspan span {
	    float: left;
	    line-height: 18px;
	    margin: 0 5px;
	}
	span.alertspan span.mobile_m{
		width: 10px;
		height: 16px;
		background: url("../../image/clipmobilenotice.png");
		float: left;
	}
	span.alertspan span.mobile_m_on{
		background: url("../../image/clipmobilenotice.png") 0 -16px;
	}
table.eb_table tr td span.share{
	background: url("../../image/listshareicon.png");
	width: 16px;
	height: 16px;
	margin: 0 5px;
	display: block;
	float: left;
}
table.eb_table tr td span.invite{
	background: url("../../image/listinviteicon.png");
	width: 16px;
	height: 16px;
	margin: 0 5px;
	display: block;
	float: left;
}
div.eb_item{
	float:left;
	font-size:12px;
	cursor:pointer;
	width:100%;
}
div.eb_item b.clip_over{
	float: left;
	width: 10px;
	height: 30px;
	background: url("../../image/overicon.png");
	display: block;
	margin-right: 2px;
}
div.eb_item b.clip_stop{
	float: left;
	width: 10px;
	height: 30px;
	background: url("../../image/stopicon.png");
	display: block;
	margin-right: 2px;
}
div.eb_item b.clip_ing{
	float: left;
	width: 10px;
	height: 30px;
	background: url("../../image/ingicon.png");
	display: block;
	margin-right: 2px;
}
div.eb_item span{
	float:left;
    margin-top:2px;
	cursor:pointer;
}
div.eb_item input{
	float:left;
    margin-top:2px;
}
div.eb_item span.name{
	width:115px;
	white-space:pre;
	overflow:hidden;
}
div.eb_item span.title{
	padding-left:15px;
	width:320px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	background::url("../../image/event.png");
	
}
div.eb_item span.getime{
	width:100px;
	text-align:right;
}
div.eb_item span.expire{
	font-size: 10px; color: #ffffff; background:#595959; padding: 0pt 2px;
}
div.eb_item span.end_time{
	width:105px;
	margin: 0px;
}
div.eb_item span.end_time b{
	font-size:10px;
	color:#FFF;
	width: 30px;
	height: 12px;
	margin: 2px;
}
div.eb_item span.end_time b.edt_ing{
	background:url(../../image/ingicon.png);
	display: block;
	float: left;
}
div.eb_item span.end_time b.edt_over{
	background:url(../../image/overicon.png);
	display: block;
	float: left;
}
div.eb_item span.end_time b.edt_stop{
	background:url(../../image/stopicon.png);
	display: block;
	float: left;
}
div.eb_item span.work {
    background:url(../../image/event.png) no-repeat 0 2px;
}
div.eb_item span.socal {
    background:url(../../image/event.png) no-repeat 0 -12px;
}
div.eb_item span.other {
    background:url(../../image/event.png) no-repeat 0 -42px;
}
div.eb_item span.sect {
    background:url(../../image/event.png) no-repeat 0 -27px;
}
div.eb_item span.import {
    background:url(../../image/fav.png) no-repeat 0 0;
    cursor:pointer;
	margin:0;
	float:left;
    height:14px;
    width:14px;
}
div.eb_item span.import:hover {
    background:url(../../image/fav.png) no-repeat 0 -44px;
}
div.eb_item span.c_import {
    background:url(../../image/fav.png) no-repeat 0 -22px;
    cursor:pointer;
    height:14px;
	margin:0;
    width:14px;
}
div.eb_item span.c_import:hover {
    background:url(../../image/fav.png) no-repeat 0 -66px;
}
div.eb_item span.time{
	width:110px;
	margin: 0px;
}
div.eb_item span.time b{
	float:left;
	width:120px;
	font-weight:bold;
}
div.eb_item span.time b.first{
	color:#060;
}
div.eb_item span.time b.second{
	color:#DB0000;
}

div.eb_item span.con{
	color:#666;
	min-width:200px;
	width:90%;
	white-space:pre;
	overflow:hidden;
}
div.eb_item span.btm{
	width:20px;
	float:left;
	margin-top:0;
}
div.eb_item span.rm_time{
	margin:0 3px;
	float:left;
}
div.eb_item span.btm a {
    background:url(../../image/operate.png) no-repeat 0 0;
    float:right;
    height:14px;
    margin-left:5px;
    width:14px;
}
div.eb_item span.btm a.show {
    background-position:0 0;
}
div.eb_item span.btm a.show:hover {
    background-position:-14px 0;
}
div.eb_item span.btm a.hide {
    background-position:0 -14px;
}
div.eb_item span.btm a.hide:hover {
    background-position:-14px -14px;
}
div.eb_item span.btm a.del {
    background-position:0 -28px;
}
div.eb_item span.btm a.del:hover {
    background-position:-14px -28px;
}
div.eb_item span.btm a.info {
    background-position:0 -42px;
}
div.eb_item span.btm a.info:hover {
    background-position:-14px -42px;
}
div.eb_item span.btm a.edit {
    background-position:0 -56px;
}
div.eb_item span.btm a.edit:hover {
    background-position:-14px -56px;
}
div.eb_item span.btm a.join {
    background-position:0 -70px;
}
div.eb_item span.btm a.join:hover {
    background-position:-14px -70px;
}
div.eb_item span.btm a.alarm {
    background-position:0 -84px;
}
div.eb_item span.btm a.alarm:hover {
    background-position:-14px -84px;
}
div.eb_item span.btm a.c_alarm {
    background-position:0 -98px;
}
div.eb_item span.btm a.c_alarm:hover {
    background-position:-14px -98px;
}

table.eb_table tr.unjoin{
	background:#FFF9D9;
}
table.eb_table tr.join{
	background:#FBDDE1;
}
table.eb_table tr.mine{
	background:#DFEFFF;
}
table.eb_table tr.cache{
	background:#eeeeee;
}
#unlogin_title{
	float:left; 
	width: 852px;
	height:50px; 
	background: url("../../image/detail_unlogin_title.jpg");
}
#unlogin_title button.login {
  background: url("../../image/sub_top_unlogin_login.png") repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  float: right;
  height: 31px;
  margin-right: 20px;
  margin-top: 10px;
  padding: 0;
  width: 65px;
}
#unlogin_title button.register {
  background: url("../../image/sub_top_unlogin_register.png") repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  float: right;
  height: 31px;
  margin-right: 56px;
  margin-top: 10px;
  padding: 0;
  width: 65px;
}
#unlogin_title button.activate {
  background: url("../../image/sub_top_unlogin_activate.png") repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  float: right;
  height: 31px;
  margin-right: 56px;
  margin-top: 10px;
  padding: 0;
  width: 65px;
}
#unlogin_title button:hover{
	background-position: 0 -31px;
}
#unlogin_title button:active{
	background-position: 0 -62px;
}
#unlogin_title div.noneuser_info{
	background: #e2e2e2;
	width: 350px;
	height: 30px;
	float: left;
	margin-top: 10px; 
	margin-left: 15px;
	display: none;
}
#unlogin_title div.noneuser_info div.logo{
	float: left;
	margin-left: 20px;
	height: 30px;
	width: 30px;
	background: url("../../image/clip_noneuserlogo.jpg");
}
#unlogin_title div.noneuser_info div.userinfo{
	float: left;
	margin-left: 10px;
	height: 30px;
	width: 280px;
}
#unlogin_title div.noneuser_info div.userinfo span{
	float: left;
	height: 15px;
	line-height: 15px;
	width: 280px;
	font-size: 12px;
	cursor: default;
}
#unlogin_title div.noneuser_info div.userinfo span b{
	color:RGB(26,63,98);
}
div.event_title{
	width:100%;
	float:left;
}
div.event_title ul.headline{
    background: none repeat scroll 0 0 #F9F9F9;
    
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 733px;
    border-bottom: 1px solid #acacac;
}
div.event_title ul.headline li {
    background: none repeat scroll 0 0 #F9F9F9;
    border-color: #D5D5D5 #D5D5D5 #acacac;
    border-style: dashed dashed solid;
	border-width: 1px 1px 3px;
    color: #acacac;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 75px;
}
div.event_title ul.headline li.allon {
    background: none repeat scroll 0 0 #D5D5D5;
    color: #5B5A5A;
}
div.event_title ul.headline li.ownon {
    border-color: #D5D5D5 #D5D5D5 #F5D626;
    border-style: dashed dashed solid;
    border-width: 1px 1px 3px;
    color: #000000;
    height: 23px;
    width: 75px;
}
div.event_title ul.headline li.ownoff {
	border-color: #FAEC9E;
    border-style: solid;
    border-width: 0px 0px 3px;
    height: 24px;
    width: 75px;
}
div.event_title ul.headline li.privateon {
    border-color: #D5D5D5 #D5D5D5 #1a60c0;
    border-style: dashed dashed solid;
    border-width: 1px 1px 3px;
    color: #000000;
    height: 23px;
    width: 75px;
}
div.event_title ul.headline li.privateoff{
	border-color:#87b5f3;
	border-style: solid;
    border-width: 0px 0px 3px;
    height: 24px;
    width: 75px;
	
}
div.event_title ul.headline li.shareon {
    border-color: #D5D5D5 #D5D5D5 #1a60c0;
    border-style: dashed dashed solid;
    border-width: 1px 1px 3px;
    color: #5B5A5A;
    height: 23px;
    width: 75px;
}
div.event_title ul.headline li.memoon {
    border-color: #D5D5D5 #D5D5D5 #77c3c1;
    border-style: dashed dashed solid;
    border-width: 1px 1px 3px;
    color: #5B5A5A;
    height: 23px;
    width: 75px;
}
div.event_title ul.headline li.memooff{
	border-color:#a0f4f2;
	border-style: solid;
    border-width: 0px 0px 3px;
    height: 24px;
    width: 75px;
	
}
div.event_title ul.headline li.inviteon {
    border-color: #D5D5D5 #D5D5D5 #920783;
    border-style: dashed dashed solid;
    border-width: 1px 1px 3px;
    color: #5B5A5A;
    height: 23px;
    width: 75px;
}
div.event_title ul.headline li.inviteoff{
	border-color: #B482AF;
	border-style: solid;
    border-width: 0px 0px 3px;
    height: 24px;
    width: 75px;
}
div.event_title ul.headline li.alerton {
    border-color: #D5D5D5 #D5D5D5 #88d03e;
    border-style: dashed dashed solid;
    border-width: 1px 1px 3px;
    color: #5B5A5A;
    height: 23px;
    width: 75px;
}
div.event_title ul.headline li.alertoff{
	border-color: #c5f494;
	border-style: solid;
    border-width: 0px 0px 3px;
    height: 24px;
    width: 75px;
}
div.event_title ul.headline li.cacheon {
    border-color: #D5D5D5 #D5D5D5 #676868;
    border-style: dashed dashed solid;
    border-width: 1px 1px 3px;
    color: #5B5A5A;
    height: 23px;
    width: 75px;
}
div.event_title ul.headline li.cacheoff{
	border-color: #444444;
	border-style: solid;
    border-width: 0px 0px 3px;
    height: 24px;
    width: 75px;
}
/* div.event_title ul.headline li.cacheon { */
/*     border-color: #D5D5D5 #D5D5D5 #f59024; */
/*     border-style: dashed dashed solid; */
/*     border-width: 1px 1px 3px; */
/*     height: 23px; */
/*     width: 60px; */
/* } */
div.event_title ul.headline li.recycleon {
    border-color: #D5D5D5 #D5D5D5 #d33d3d;
    border-style: dashed dashed solid;
    border-width: 1px 1px 3px;
    height: 23px;
    width: 60px;
}
div.event_title ul.headline li span.count {
    color: #D8652F;
    font-size: 12px;
    margin-right: 4px;
}
div.event_title ul.headline li span.recycleicon {
	width: 16px;
	height: 16px;
	background: url("../../image/recycleicon.png");
	margin-top:4px;
	display: block;
	margin: 4px 0 0 16px;
	float: left; 
}
div.event_title ul.headline li span.cacheicon {
	width: 16px;
	height: 16px;
	background: url("../../image/cacheicon.png");
	display: block;
	margin: 4px 0 0 16px;
	float: left;
}
div.event_title a.pageback{
	width: 23px;
	height: 20px;
	float: left;
	background: url("../../image/pageback.png");
	cursor: pointer;
	margin-top: 7px; 
	margin-left: 10px;
}
div.event_title a.pageback:hover{
	background-position: 0 -20px;
}
div.remindchoosezone{
	float:left; width:100%;margin-top: 5px;
}
div.remindchoosezone span.label{
	float: left;font-size: 13px;font-weight: bold;line-height: 25px;color: #898989;margin-right: 10px;
}
div.remindchoosezone input.data{
	border: 1px solid #CDCDCD;float: left;font-size: 12px;height: 16px;padding: 2px;width: 100px;margin-top: 2px;
}
div.remindchoosezone a.all{
	width: 38px;
	height: 25px;
	background: url("../../image/reminditem_all.png");
	float: left;
	margin-left: 20px;
}
div.remindchoosezone a.all:hover{
	background-position: 0 -25px;
}
div.remindchoosezone a.today{
	width: 38px;
	height: 25px;
	background: url("../../image/reminditem_today.png");
	float: left;
	margin-left: 10px;
}
div.remindchoosezone a.today:hover{
	background-position: 0 -25px;
}
div.et_btm{
	float:left;
	margin-right:15px;
}
div.et_btm_all{
	float:left;
	margin-right:15px;
}
div.et_btm_all a{
	width: 72px;
	height: 24px;
	float:left;
	background:url(../../image/allclips.png) no-repeat 0 0;
}
div.et_btm_all a.onit{
	background-position: 0 -24px;
}
div.et_btm_myshare{
	float:left;
	margin-right:15px;
}
div.et_btm_myshare a{
	width: 72px;
	height: 24px;
	float:left;
	background:url(../../image/partclips.png) no-repeat 0 0;
}
div.et_btm_myshare a.onit{
	background-position: 0 -24px;
}
div.et_btm *{
	outline: 0 none;
}

div.et_btm a{
	width: 12px;
	height: 20px;
	padding:2px 0px 2px 60px;
	float:left;
}
div.et_btm a.all{
	background:url(../../image/allclips.png) no-repeat 0 0;
}
div.et_btm a.all:hover{
	background:url(../../image/allclips.png) no-repeat 0 -48px;
}
div.et_btm a.allonit{
	background:url(../../image/allclips.png) no-repeat 0 -24px;
}
div.et_btm a.allonit:hover{
	background:url(../../image/allclips.png) no-repeat 0 -24px;
}
div.et_btm a.myshare{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat 0 0;
}
div.et_btm a.myshare:hover{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat 0 -48px;
}
div.et_btm a.myshareonit{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat 0 -24px;
}
div.et_btm a.myshareonit:hover{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat 0 -24px;
}
div.et_btm a.myjoin{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat -98px 0;
}
div.et_btm a.myjoin:hover{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat -98px -48px;
}
div.et_btm a.myjoinonit{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat -98px -24px;
}
div.et_btm a.myjoinonit:hover{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat -98px -24px;
}
div.et_btm a.invites{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat -196px 0;
}
div.et_btm a.invites:hover{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat -196px -48px;
}
div.et_btm a.invitesonit{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat -196px -24px;
}
div.et_btm a.invitesonit:hover{
	width: 38px;
	background:url(../../image/partclips.png) no-repeat -196px -24px;
}
div.et_btm a.cache{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat 0px 0;
}
div.et_btm a.cache:hover{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat 0px -48px;
}
div.et_btm a.cacheonit{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat 0 -24px;
}
div.et_btm a.cacheonit:hover{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat 0 -24px;
}
div.et_btm a.recycle{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat -98px 0;
}
div.et_btm a.recycle:hover{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat -98px -48px;
}
div.et_btm a.recycleonit{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat -98px -24px;
}
div.et_btm a.recycleonit:hover{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat -98px -24px;
}
div.et_btm a.remind{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat -196px 0;
}
div.et_btm a.remind:hover{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat -196px -48px;
}
div.et_btm a.remindonit{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat -196px -24px;
}
div.et_btm a.remindonit:hover{
	width: 38px;
	background:url(../../image/specialclips.png) no-repeat -196px -24px;
}
div.et_btm a b{
	font-size:12px;
	float:left;
	padding:3px;
	vertical-align:bottom;
	height:14px;
	line-height:14px;
	color:#eb6100;
}
div.et_sch{
	float:right;
	margin-top: 7px;
}
div.et_sch input{
	float:left;
	border:1px #565656 solid;
	padding:2px;
	height:16px;
	font-size:12px;
	margin-right:-1px;
	width:200px;
}
div.et_sch a{
	width:22px;
	height:22px;
	float:left;
	cursor:pointer;
	background:url(../../image/search.jpg) no-repeat;
}
div.et_sch a:hover{
	background-position: 0 -22px;
}
div.et_sch button.prevbtn{
	width: 56px;
	height: 20px;
	background: url("../../image/clipdetail_prevrecord.jpg");
	cursor: pointer;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
	float: left;
}
div.et_sch button.prevbtn:hover{
	background-position: 0 -20px;
}
div.et_sch button.prevbtn:active{
	background-position: 0 -40px;
}
div.et_sch button.nextbtn{
	width: 56px;
	height: 20px;
	background: url("../../image/clipdetail_nextrecord.jpg");
	cursor: pointer;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
	float: left;
}
div.et_sch button.nextbtn:hover{
	background-position: 0 -20px;
}
div.et_sch button.nextbtn:active{
	background-position: 0 -40px;
}
div.pl_sch{
	font-size:12px;
	font-weight:bold;
	float:left;
	padding-bottom:5px;
}
div.pl_sch span{
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-right:10px;
}
div.et_screen{
	padding:5px 0;
	float:left;
	position:relative;
	margin-top: 3px;
}
div.et_screen a.sel_all{
	float:left;
	margin-right:10px;
	background:url(../../image/et_btm_selectall.png);
	height:20px;
	cursor:pointer;
	width: 70px;
}
div.et_screen a.sel_all:hover{
	background-position: 0 -20px;
}
div.et_screen a.sel_allon{
	float:left;
	margin-right:10px;
	background:url(../../image/et_btm_selectall.png) 0 -40px;
	height:20px;
	cursor:pointer;
	width: 70px;
}
div.et_screen a.sel_allon:hover{
	background-position: 0 -60px;
}
div.et_screen a.patch_del{
	float:left;
	margin-right:10px;
	background:url(../../image/et_btm_patchdel.png) 0 0;
	width:50px;
	height:20px;
	cursor:pointer;
}
div.et_screen a.patch_del:hover{
	background-position: 0 -20px;
}
div.et_screen a.patch_del:active{
	background-position: 0 -40px;
}
div.et_screen a.patch_cancelalert{
	float:left;
	margin-right:10px;
	background:url(../../image/cliplist_cancelalert.png) 0 0;
	width:76px;
	height:20px;
	cursor:pointer;
}
div.et_screen a.patch_cancelalert:hover{
	background-position: 0px -20px;
}
div.et_screen a.patch_cancelalert:ACTIVE{
	background-position: 0px -40px;
}
div.et_screen a.addclip_href{
	float:left;
	margin-right:10px;
	background:url(../../image/et_btm_addclip.png) 0 0;
	width:90px;
	height:20px;
	cursor:pointer;
}
div.et_screen a.addclip_href:hover{
	background-position: 0 -20px;
}
div.et_screen a.addclip_href:active{
	background-position: 0 -40px;
}
div.et_screen a.allclip{
	float: left;
	margin-left: 80px;
	width: 68px;
	height: 23px;
	background: url("../../image/cliplist_todayclip.png") 0 -23px;
	cursor: pointer;
}
div.et_screen a.allclipon,div.et_screen a.allclipon:hover,div.et_screen a.allclipon:active{
	background-position: 0 0px;
}
div.et_screen a.todayclip{
	float: left;
	width: 68px;
	height: 23px;
	background: url("../../image/cliplist_todayclip.png") -68px -23px;
	cursor: pointer;
}
div.et_screen a.todayclipon,div.et_screen a.todayclipon:hover,div.et_screen a.a.todayclipon:active{
	background-position: -68px 0px;
}
div.item{
	float:left;
	margin-right:10px;
	cursor:pointer;
}
div.item a.back{
	width:34px;
	height:25px;
	float:left;
	background:url(../../image/back.png) no-repeat 0 0px;
	margin:0px 2px;
}
div.item a.back:hover{
	background-position: 0 -25px;
}
div.item a.addclip{
	width:76px;
	height:21px;
	float:left;
	background:url(../../image/addclip_addbutton.png) no-repeat 0 0;
	margin:0px 2px;
}
div.item a.addclip:hover{
	background-position:0 -21px;
}
div.item a.disableaddclip{
	background-position:0 -42px;
}
div.item a.disableaddclip:hover{
	background-position:0 -42px;
}
div.item a.saveclip{
	width:76px;
	height:21px;
	float:left;
	background:url(../../image/addclip_saveclipbutton.png) no-repeat 0 0;
	margin:0px 2px;
}
div.item a.saveclip:hover{
	background-position:0 -21px;
}

div.item a.confirmclip{
	width:75px;
	background:url(../../image/addclip_confirmbutton.jpg) no-repeat 0 0;
}
div.item a.confirmclip:hover{
	background-position: -75px 0px;
}

div.item a.savetemp{
	width:75px;
	height:20px;
	float:left;
	background:url(../../image/addclip_savetemp.jpg) no-repeat 0 0px;
	margin:0px 2px;
}
div.item a.savetemp:hover{
	background-position: -75px 0;
}
div.item a.giveup{
	width:50px;
	height:20px;
	float:left;
	background:url(../../image/item_giveup.jpg) no-repeat 0 0px;
	margin:0px 2px;
}
div.item a.giveup:hover{
	background-position: -50px 0px;
}

div.item a.checkall{
	width:53px;
	height:25px;
	float:left;
	background:url(../../image/item_checkall.png) no-repeat 0 0px;
	margin:0px 2px;
}
div.item a.checkall:hover{
	background-position: 0 -25px;
}
div.item a.checkallcheck{
	width:53px;
	height:25px;
	float:left;
	background:url(../../image/item_checkall.png) no-repeat 0 -50px;
	margin:0px 2px;
}
div.item a.checkallcheck:hover{
	background-position: 0 -75px;
}
div.item a.import{
	width:28px;
	height:25px;
	float:left;
	background:url(../../image/item_import.png) no-repeat 0 0px;
	margin:0px 2px;
}
div.item a.import:hover{
	background-position: 0 -25px;
}
div.item a.c_import{
	width:28px;
	height:25px;
	float:left;
	background:url(../../image/item_cimport.png) no-repeat 0 0px;
	margin:0px 2px;
}
div.item a.c_import:hover{
	background-position: 0 -25px;
}
div.item a.block{
	width:62px;
	height:25px;
	float:left;
	background:url(../../image/item_upscreen.png) no-repeat 0 0px;
	margin:0px 2px;
}
div.item a.block:hover{
	background-position: 0 -25px;
}
div.item a.modify{
	width:70px;
	height:25px;
	float:left;
	background:url(../../image/item_modify.png) no-repeat 0 0px;
	margin:0px 2px;
}
div.item a.modify:hover{
	background-position: 0 -25px;
}
div.item a.reject{
	width:62px;
	height:25px;
	float:left;
	background:url(../../image/item_reject.png) no-repeat 0 0px;
	margin:0px 2px;
}
div.item a.reject:hover{
	background-position: 0 -25px;
}
div.item a.c_alarm{
	width:70px;
	height:25px;
	float:left;
	background:url(../../image/item_c_alarm.png) no-repeat 0 0px;
	margin:0px 2px;
}
div.item a.c_alarm:hover{
	background-position: 0 -25px;
}
div.item a.delete{
	width:38px;
	height:25px;
	float:left;
	background:url(../../image/item_listdelete.png) no-repeat 0 0px;
	margin:0px 2px;
}
div.item a.delete:hover{
	background-position: 0 -25px;
}

div.et_item input{
	float:left;
	margin:1px;
	height:13px;
	width:13px;
	padding:0;
}
div.et_item span{
	float:left;
	font-size:12px;
	margin:1px 2px;
}
div.et_item span.add_clip{
	padding-left:17px;
	padding-top:1px;
	height:14px;
	background:url(../../image/personal_fun.png) no-repeat 0 0;
}
div.et_item span.block{
	width:10px;
	height:10px;
	float:left;
	background:url(../../image/tips.png) no-repeat 0 -16px;
	margin:3px 2px 2px;
}

div.et_item span.c_import{
    float:left;
    font-size:12px;
	height:14px;
	width:14px;
    margin:1px 2px;
    background:url(../../image/fav.png) no-repeat 0 0;
}
div.et_item span.c_import:hover{
    float:left;
    font-size:12px;
	height:14px;
	width:14px;
    margin:1px 2px;
    background:url(../../image/fav.png) no-repeat 0 -44px;
}
div.et_item span.import{
    float:left;
    font-size:12px;
	height:14px;
	width:14px;
    margin:1px 2px;
    background:url(../../image/fav.png) no-repeat 0 -22px;
}
div.et_item span.import:hover{
    float:left;
    font-size:12px;
	height:14px;
	width:14px;
    margin:1px 2px;
    background:url(../../image/fav.png) no-repeat 0 -66px;
}
div.et_item span.alarm{    
	background:url(../../image/remind.png) no-repeat;
	width:16px;
	height:16px;
	margin:0;
	margin-right:4px;
}
div.et_item span.c_alarm{    
	background:url(../../image/remind.png) no-repeat 0 -15px;
	width:16px;
	height:16px;
	margin:0;
	margin-right:4px;
}
div.et_item span.reback{    
	background:url(../../image/operate.png) no-repeat 0 -112px;
	width:14px;
	height:14px;
	margin:0;
	margin-right:4px;
}
div.et_item span.modify{    
	background:url(../../image/detail_modify.png) no-repeat;
	width:14px;
	height:14px;
	margin:0;
	margin-right:4px;
	display: block;
}
div.et_item span.eti_cl{
	margin:0;
}
div.et_item span.eti_cl input{
	width:100px; 
	margin:0; 
	padding:0;
	font-size:12px;
	border:1px #efefef solid;
	background:0;
}
div.et_item span.eti_cl input:focus{
	width:100px; 
	margin:0; 
	padding:0;
	font-size:12px;
	background:#FFF;
	border:1px #09F solid;
}
div.et_item button {
    border-width:1px;
    cursor:pointer;
    font-size:12px;
    margin:0;
}
div.sel_all{
	position:absolute;
	top:25px;
	left:0px;
	float:left;
	width:55px;
	padding:2px 5px;
	background:#efefef;
	border:1px #CDCDCD solid;
	border-top:0;
	box-shadow:0 0 5px #aaaaaa;
	display:none;
}
div.sel_all span{
	float:left;
    font-size:12px;
	cursor:pointer;
	padding:2px;
	width:50px;
	text-indent:5px;
}
div.sel_all span.all:hover{
	background:#ccc;
}
div.src_all{
	position:absolute;
	top: 30px; 
	left: 143px;
	float:left;
	width:140px;
	padding:2px 5px;
	background:#efefef;
	border:1px #CDCDCD solid;
	border-top:0;
	box-shadow:0 0 5px #aaaaaa;
	display:none;
	 z-index: 100;
}
div.src_all div.src_item{
	float:left;
	width:140px;
	padding:4px 2px;
}
div.src_item input{
	float:left;
	margin:0px;
	padding:0;
	width:13px;
	height:13px;
}
div.src_item span{
	float:left;
	font-size:12px;
    float:left;
	height:14px;
    font-size:12px;
    margin:0px 5px;
    padding-left:15px;
}
div.src_item span.all{
	padding:0;
}
div.src_item span.work {
    background:url(../../image/event.png) no-repeat 0 2px;
}
div.src_item span.socal {
    background:url(../../image/event.png) no-repeat 0 -12px;
}
div.src_item span.other {
    background:url(../../image/event.png) no-repeat 0 -42px;
}
div.src_item span.sect {
    background:url(../../image/event.png) no-repeat 0 -27px;
}
div.src_item span.import{
    background:url(../../image/fav.png) no-repeat 0 -22px;
}
div.src_item span.c_import{
    background:url(../../image/fav.png) no-repeat 0 0;
}


div.event_box div.page {
    float: right;
    height: 30px;
}
div.event_box div.page a {
    border: 1px dashed #CDCDCD;
    float: left;
    height: 22px;
    margin-right: 5px;
    padding: 0 0 0 6px;
    text-decoration: none;
}
div.event_box div.page a span {
    font-size: 12px;
    height: 22px;
    line-height: 21px;
    padding: 0 6px 0 0;
}
div.event_box div.page b {
    background: none repeat scroll 0 0 #2090D2;
    border: 1px solid #CDCDCD;
    float: left;
    height: 22px;
    margin-right: 5px;
    padding: 0 0 0 6px;
}
div.event_box div.page b span {
    color: #FFFFFF;
    font-size: 12px;
    height: 22px;
    line-height: 21px;
    padding: 0 6px 0 0;
}
div.event_box div.pagecount {
    height: 22px;
    margin-left: 6px;
    padding: 1px;
    width: 70px;
    float: right;
    line-height: 22px;
    font-size: 12px;
}
